<!DOCTYPE html>
<html lang="en">
<head>
  <title>Crypto C14 One stop blockchain DApp</title>
  <meta charset="utf-8">
  <meta name="description" content="Crypto C14 One stop blockchain DApp">
  <meta name="keywords" content="blockchain, crypto evidence, digital evidence, DAPP, anti-counterfeiting, traceability, NFT, reward points">
  <meta name="author" content="wechat ID: fengyun_houston">
  <meta name="wallet" content="ARDOR-49CE-CXZZ-3QHW-AH4JK">
  <meta name="integrity" content="token...">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel = "icon" href ="images/logo-cc14.png" type = "image/x-icon">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style-cc14.css">
  <style>
  @media all and (min-width: 992px) {
	  .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: #000;  }
	  .navbar .nav-item:hover .dropdown-menu{ display: block; }
	  .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
</style>
</head>
<body>
  <div style="min-height: calc(100vh - 50px);">
    <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light shadow" id="navbar">
      <div class="container-fluid">
        <a class="navbar-brand" href="home.html"><img src="images/logo-cc14.png" width="74" height="44" loading="lazy"></a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <!-- load by src='js/nav_footer.js' -->
        </div>
        <div class="col-12 col-sm-auto" style="padding: 0px">
          <form id="getAssetInfoAll" >
            <input type="hidden" name='requestType' value='getAsset'>
            <div class="input-group ">
              <div class="input-group-prepend">
                <input type="button" class="btn btn-outline-secondary " style="border-color: #ced4da" onClick="reloadClearFn()" value="&#x1F503;">
              </div>
              <input type="text" class="form-control" name='asset' placeholder="scan QR code with CC14 logo..." list="assetsList">
                <datalist id="assetsList">
                  <option value="55222051926862118">no a asset ID</option>
                  <option value="552220519268621185">asset issued by non-promulgated wallet</option>
                  <option value="10670286826004572249">traceable product</option>
                  <option value="2381810025932782993">title token owns by issuer</option>
                  <option value="5086516663303406548">title token owns by cc14 NFT shop</option>
                  <option value="5555730498349580575">sold product</option>
                  <option value="15372808646477248834">returen product</option>
                  <option value="1472173891428945831">title token in dumpster</option>
                  <option value="8707545209071357100">title token removed from blockchain</option>
                </datalist>
              <div class="input-group-append">
                <input type="submit" class="btn btn-outline-secondary " style="border-color: #ced4da" value="&#x1F50D;">
              </div>
            </div>
          </form>
        </div>
      </div>
    </nav>
    <div class="container-fluid"><!-- container ============================ -->
      <div class="row align-items-center" name="image slider">
        <div class="col-12 col-sm-10 mx-auto mt-4" >
          <div  class="carousel slide carousel-dark" data-bs-ride="carousel" id="productImages">
            <ol class="carousel-indicators">
              <li data-target="#productImages" data-slide-to="0" class="active"></li>
              <li data-target="#productImages" data-slide-to="1"></li>
              <li data-target="#productImages" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
              <div class="carousel-item active"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-1" src="images/upc-image-1.png" alt=""></a>
              </div>
              <div class="carousel-item"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-2" src="images/upc-image-2.png" alt=""></a>
              </div>
              <div class="carousel-item"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-3" src="images/upc-image-3.png" alt=""></a>
              </div>
            </div>
            <a class="carousel-control-prev" href="#productImages" role="button" data-bs-slide="prev">
              <span class="carousel-control-prev-icon bg-dark rounded-circle p-3"></span>
            </a>
            <a class="carousel-control-next" href="#productImages" role="button" data-bs-slide="next">
              <span class="carousel-control-next-icon bg-dark rounded-circle p-3"></span>
            </a>
          </div>
        </div>
      </div><!-- image slider end ===========================================-->

<!-- 搜索结果 ================================================================-->
      <div class="row" id="searchResult" name="Search result">
        <div class="col-12 col-sm-10 mx-auto">
          <div class="accordion">

            <div class="accordion-item">
              <h2 class="accordion-header" id="flipProduct">
                <button id="btnProduct" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelProduct" aria-expanded="false" aria-controls="panelProduct">
                  <h4>&#x1F4D6; Product Information</h4>
                </button>
              </h2>
              <div id="panelProduct" class="accordion-collapse collapse" aria-labelledby="flipProduct" >
                <div class="accordion-body">
                  <table class="table table-sm table-borderless" id="assetInforTbl">
                    <tr id="assetInforTbl-r1">
                      <td class="td-1">Secure Code</td>
                      <td class="td-2" id="assetInforTbl-assetID"></td>
                    </tr>
                    <tr id="assetInforTbl-r2">
                      <td class="td-1">Barcode</td>
                      <td class="td-2" id="assetInforTbl-barcode">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r3">
                      <td class="td-1">Model</td>
                      <td class="td-2" id="assetInforTbl-model">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r4">
                      <td class="td-1">Description</td>
                      <td class="td-2" id="assetInforTbl-description">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r4">
                      <td class="td-1">Qty. issued</td>
                      <td class="td-2" id="assetInforTbl-qty">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r9">
                      <td class="td-1">Issuance fullHash</td>
                      <td class="td-2" id="assetInforTbl-fullHash">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r7">
                      <td class="td-1">Unit</td>
                      <td class="td-2" id="assetInforTbl-unit">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r5">
                      <td class="td-1">Made in</td>
                      <td class="td-2" id="assetInforTbl-madeIn">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r7">
                      <td class="td-1">Issuance</td>
                      <td class="td-2" id="assetInforTbl-issueDate">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r8">
                      <td class="td-1">Activation</td>
                      <td class="td-2" id="assetInforTbl-activateDate">no record found</td>
                    </tr>
                    <tr id="assetInforTbl-r6">
                      <td class="td-1">Good for</td>
                      <td class="td-2" id="assetInforTbl-goodFor">no record found</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>

            <div class="accordion-item">
              <h2 class="accordion-header" id="flipIssuer">
                <button id="btnIssuer" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelIssuer" aria-expanded="false" aria-controls="panelIssuer">
                  <h4>&#x1F3E2; Company Information</h4>
                </button>
              </h2>
              <div id="panelIssuer" class="accordion-collapse collapse" aria-labelledby="flipIssuer" >
                <div class="accordion-body">
                  <table class="table table-sm table-borderless" id="issuerInfoTbl">
                    <tr id="issuerInfoTbl-r1">
                      <td class="td-1">Issuer</td>
                      <td class="td-2" id="issuerInfoTbl-r1d2">no record found</td>
                    </tr>
                    <tr id="issuerInfoTbl-r2">
                      <td class="td-1">Wallet address</td>
                      <td class="td-2" id="issuerInfoTbl-r2d2">no record found</td>
                    </tr>
                    <tr id="issuerInfoTbl-r3">
                      <td class="td-1">Physical address</td>
                      <td class="td-2" id="issuerInfoTbl-r3d2">no record found</td>
                    </tr>
                    <tr id="issuerInfoTbl-r4">
                      <td class="td-1">Offical website</td>
                      <td class="td-2" id="issuerInfoTbl-r4d2">no record found</td>
                    </tr>
                    <tr id="issuerInfoTbl-r5">
                      <td class="td-1">Wallet exp. date</td>
                      <td class="td-2" id="issuerInfoTbl-r5d2">no record found</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>

            <div class="accordion-item">
              <h2 class="accordion-header" id="flipAdvisory">
                <button id="btnAdvisory" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelAdvisory" aria-expanded="false" aria-controls="panelAdvisory">
                  <h4>&#x1F4AC; Purchase advisory</h4>
                </button>
              </h2>
              <div id="panelAdvisory" class="accordion-collapse collapse" aria-labelledby="flipAdvisory">
                <div class="accordion-body">
                  <div>
                    <p>Please review the digital title search results. Be aware of the warning sign(s). This indicates that the product might be a counterfeit.</p>
                    <p class="d-none" id="advisoryA1">
                      Please review the distribution table for the current inventory. Purchase from retailers with in-stock only.
                    </p>
                    <p class="d-none" id="advisoryA2">
                      This product was issued by an unknown wallet. Be aware of counterfeiting. Please do not purchase.
                    </p>
                    <p class="d-none" id="advisoryA3">
                      This product has not been activated. Be aware of counterfeiting. Please do not purchase.
                    </p>
                    <p class="d-none" id="advisoryA4">
                      Title token deleted! Be aware of counterfeiting. This product is not an authentic product. Possible causes: last owner deleted the title token due to an expired warranty, or is lost, stolen, damaged, contaminated, or has a QA/QC failure. It is suggested to find another item with a clean title.
                    </p>
                    <p class="d-none" id="advisoryA5">
                      The title token is burnt! Be aware of counterfeiting. This product is no longer authorized by <code class="yourCompanyName">yourConpamyName</code>. Plausible causes: warranty expired, lost, stolen, damaged, contaminated, or QA/QC failure. It is suggested to find another item with a clean title.
                    </p>
                    <p class="d-none" id="advisoryA6">
                      Recall/RMA record found. Warranty may vary. It is suggested to find another item with a clean title.
                    </p>
                    <p class="d-none" id="advisoryA7">
                      This item is not owned by any retailers known by <code class="yourCompanyName">yourConpamyName</code>.
                    </p>
                    <p class="d-none" id="advisoryA8">
                      Sold record found. Beweare of new wine in an old bottle. It is suggested to find another item with clean title.
                    </p>
                    <p id="advisoryA9">
                      This product has not been activated. Be aware of counterfeiting. Please do not purchase.
                    </p>
                  </div>
                  <table class="table table-sm fs-6 table-bordered border-info caption-top" id="testTable">
                    <caption>Digital Title Search</caption>
                    <thead class="thead-light">
                      <tr>
                        <th>Questions</th>
                        <th style="text-align:center;color:green" >Safe</th>
                        <th style="text-align:center;color:red"><span style="color:red;">Warning</span></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr id="test-q1">
                        <td class="td-t1">Does the secure code meet the CC14 anti-counterfeiting standards?</td>
                        <td  class="td-qa" id="test-q1-yes"></td>
                        <td  class="td-qa alert1" id="test-q1-no">&#x2716;</td>
                      </tr>
                      <tr id="test-q2">
                        <td class="td-2">Was the title token issued by <code class="yourCompanyName">yourConpamyName</code> a widely known wallet address?</td>
                        <td  class="td-qa" id="test-q2-yes"></td>
                        <td  class="td-qa alert1" id="test-q2-no">&#x2716;</td>
                      </tr>
                      <tr id="test-q3">
                        <td class="td-2">Was the title token issued before the wallet expired?</td>
                        <td  class="td-qa" id="test-q3-yes">&#x2714;</td>
                        <td  class="td-qa alert1" id="test-q3-no"></td>
                      </tr>
                      <tr id="test-q4">
                        <td class="td-2">Is the title token still available?</td>
                        <td  class="td-qa" id="test-q4-yes">&#x2714;</td>
                        <td  class="td-qa alert1" id="test-q4-no"></td>
                      </tr>
                      <tr id="test-q5">
                        <td class="td-2">Is the title token valid?</td>
                        <td  class="td-qa" id="test-q5-yes">&#x2714;</td>
                        <td  class="td-qa alert1" id="test-q5-no"></td>
                      </tr>
                      <tr id="test-q9">
                        <td class="td-2">Is the title token activated?</td>
                        <td  class="td-qa" id="test-q9-yes"></td>
                        <td  class="td-qa alert1" id="test-q9-no">&#x2716;</td>
                      </tr>
                      <tr id="test-q6">
                        <td class="td-2">Are there any records of this item being recalled/returned/RMA?</td>
                        <td  class="td-qa" id="test-q6-yes">&#x2716;</td>
                        <td  class="td-qa alert2" id="test-q6-no"></td>
                      </tr>
                      <tr id="test-q7">
                        <!-- 企业版用以下问卷 -->
                        <!-- <td class="td-2">Q5: 销售网点的区块链钱包是否获得企业认可？</td> -->
                        <td class="td-2">Is the current title token owner known by <code class="yourCompanyName">yourConpamyName</code>?</td>
                        <td  class="td-qa" id="test-q7-yes">&#x2714;</td>
                        <td  class="td-qa alert2" id="test-q7-no"></td>
                      </tr>
                      <tr id="test-q8">
                        <td class="td-2">Is there a sold record of this item?</td>
                        <td  class="td-qa" id="test-q8-yes">&#x2716;</td>
                        <td  class="td-qa alert2" id="test-q8-no"></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>

            <div class="accordion-item">
              <h2 class="accordion-header" id="flipHistory">
                <button id="btnHistory" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelHistory" aria-expanded="false" aria-controls="panelHistory">
                  <h4>&#x27B2; Transaction Detail</h4>
                </button>
              </h2>
              <div id="panelHistory" class="accordion-collapse collapse" aria-labelledby="flipHistory" >
                <div class="accordion-body">
                  <table class="table word-break table-bordered table-sm caption-top" id="assetIssuerTbl">
                    <caption>Transaction 0</caption>
                    <tbody>
                      <tr>
                        <td class="td-1">Issuer</td>
                        <td class="td-2" id="assetIssuerTbl-issuer">no record found</td>
                      </tr>
                      <tr>
                        <td class="td-1">Issuer wallet</td>
                        <td class="td-2" id="assetIssuerTbl-issuerRS">no record found</td>
                      </tr>
                      <tr>
                        <td class="td-1">Issuer duty</td>
                        <td class="td-2" id="assetIssuerTbl-duty">no record found</td>
                      </tr>
                      <tr>
                        <td class="td-1">Qty issued</td>
                        <td class="td-2" id="assetIssuerTbl-qty">no record found</td>
                      </tr>
                      <tr>
                        <td class="td-1">Time issued</td>
                        <td class="td-2 text-break" id="assetIssuerTbl-date">no record found</td>
                      </tr>
                      <tr>
                        <td class="td-1">Full hash</td>
                        <td class="td-2" id="assetIssuerTbl-fullhash">no record found</td>
                      </tr>
                    <tbody>
                  </table>
                </div>
              </div>
            </div>

            <div class="accordion-item">
              <h4 class="accordion-header" id="flipJSONresponse">
                <button id="btnJSONresponse" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelJSONresponse" aria-expanded="false" aria-controls="panelJSONresponse">
                  <h4>&#128279; JSON response</h4>
                </button>
              </h4>
              <div id="panelJSONresponse" class="accordion-collapse collapse" aria-labelledby="flipJSONresponse" >
                <div  class="accordion-body">
                  <div id="JSONresponse" class="text-wrap text-break">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
<!-- 搜索结果 ================================================================-->
<!-- Action modal start======================================================-->
      <div class="row align-items-center" style="height:100px" id="modalBlock">
        <div class="col-12 col-sm-10 mx-auto " >
          <div class="d-flex justify-content-center ">
            <input type="button" class="btn btn-outline-dark btn-lg" data-bs-toggle="modal" data-bs-target="#requestTitle" value="&#x1F41E; Request Title" id="requestTitleBtn">&nbsp;&nbsp;
            <input type="button" class="btn btn-outline-dark btn-lg" data-bs-toggle="modal" data-bs-target="#transferTitle" value="&#x1F41A; Receiving Title">
            <div class="modal fade" id="requestTitle" tabindex="-1" aria-labelledby="requestTitleLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="requestTitleLabel">Request title token</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>
                  <div class="modal-body">
                    <div id="requestTitlTokenAction">
                      <form id="requestTitlTokenForm">
                        <div class="input-group mb-3" >
                          <span class="input-group-text" >Consumer Wallet</span>
                          <input type="text" class="form-control" name='recipient' value="ARDOR-MJEK-6QAF-Y9WQ-58678">
                        </div>
                        <div class="input-group mb-3" >
                          <span class="input-group-text"><img src="images/icon-qrcode-g.png" width="20" height="20" alt="langurage">&nbsp;Secure Code</span>
                          <input type="text" class="form-control" name='asset' placeholder="Scan green QR code with CC14 logo..." list="requestDTasset">
                          <datalist id="requestDTasset">
                            <option value="9196924428286156815"></option>
                            <option value="18246018467717841450"></option>
                            <option value="2381810025932782993"></option>
                            <option value="7627942908921392359"></option>
                            <option value="5300661581399953428"></option>
                          </datalist>
                        </div>
                        <div class="input-group mb-3" >
                          <span class="input-group-text"><img src="images/icon-qrcode-b.png" width="20" height="20" alt="langurage">&nbsp;Registration Code</span>
                          <input type="text" class="form-control" name='regCode' placeholder="Scan blue QR code with CC14 logo..." list="requestDTregCode">
                          <datalist id="requestDTregCode">
                            <option value="2f733efcb43abadf0c02e128e92e72b0ed9f959a034e7d30413d3f9de1cc5416"></option>
                            <option value="c9967808e216f6b41db90717d1d52a45a560d24b8c4ec328e698f811f8235405"></option>
                            <option value="aa9ed513c9d77e86ae9f2054d77238b9214747812a4467deb2106f722a7f465e"></option>
                            <option value="289c900d5ed7c6cc7fc305b1b8bf9e35479fc942655b091a8e8a7b3170a9e322"></option>
                            <option value="830256bcafc21f00fffdcffefae04f1f41dc8561cc480237ed14f479c218d084"></option>
                          </datalist>
                        </div>
                        <div class="input-group justify-content-md-end">
                          <input type="reset" class="btn btn-outline-secondary" value="&#x1F503;Reset">
                          <input type="submit" class="btn btn-outline-secondary" id="requestDTbtn" value="&#x2714; Request">
                        </div>
                      </form>
                    </div>
                    <div class="d-none" id="requestTitlTokeneResponse"  >
                      <div class="text-wrap text-break overflow-auto">
                        <h5>Summary：</h5>
                        <p id="requestTitlTokeneResult"></p>
                      </div>
                      <div class="text-wrap text-break overflow-auto">
                        <h5>JSON response</h5>
                        <span id="requestTitlTokeneJSON"></span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="modal fade" id="transferTitle" tabindex="-1" aria-labelledby="transferTitleLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="transferTitleLabel">Receiving title token</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>
                  <div class="modal-body">
                    <div class="container-fluid">
                      <div class="row">
                        <form id="modalTransferAssetForm" >
                          <div class="input-group input-group-sm mb-3">
                            <span class="input-group-text">Recipient wallet</span>
                            <input type="text" name='wallet' maxlength="26" class="form-control" value="ARDOR-MJEK-6QAF-Y9WQ-58678" placeholder="ARDOR-" >
                          </div>
                          <div class="input-group justify-content-md-end mb-3">
                            <input type="button" class="btn btn-outline-secondary" style="width:100%" value="&#x2705; generate QR code" onClick="qrCodeFn(modalTransferAssetForm.wallet.value)" >
                          </div>
                        </form>
                      </div>
                      <div class="row">
                        <div class="border d-flex justify-content-center" >
                            <span id="dispQRCode" ></span>
                        </div>

                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div><!-- Action modal end ===========================================-->

    </div><!-- container end =============================================== -->
  </div><!-- 100% vh end =================================================== -->
  <footer id="footer" style="height: 50px;">
    <!-- load by nav_footer.js -->
  </footer>
</body>
<script>
var isNode = false;
</script>
<script src='js/3rdparty/jquery-3.5.1.min.js'></script>
<script src='js/3rdparty/bootstrap.bundle.min.js' ></script>
<script src="js/3rdparty/easy.qrcode.js"  charset="utf-8"></script>
<script src="js/3rdparty/crypto-js.min.js"></script>
<script src="js/3rdparty/jsbn.js"></script>
<script src="js/3rdparty/jsbn2.js"></script>
<script src="js/3rdparty/extensions.js"></script>
<script src="js/3rdparty/converters.js"></script>
<script src="js/3rdparty/nrs.util.js"></script>
<script src="js/3rdparty/jquery.table2excel.js"></script>
<script src='js/scripts-cc14en.js' ></script>
<script src='js/nav_footer.js' ></script>
<script src='data/myAddressBook.json' ></script>
<script src='data/myAssetBook.json' ></script>
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {return new bootstrap.Tooltip(tooltipTriggerEl)});
$("#navbarSupportedContent").html(navbarSupportedContentHtml);
$("#footer").html(footerHtml);
$("input[type='text']").on("click", function () {$(this).select();});
</script>
</html>
